<template>
  <view class="update_diary flex-col">

    <view class="block_2 flex-col">
      <view class="input_1 flex-row">
        <text class="text_3">标题</text>
        <text class="text_4">请输入标题</text>
      </view>
      <view class="box_2 flex-col">
        <view class="group_4 flex-col"></view>
        <view class="group_5 flex-row justify-between">
          <text class="text_5">节点</text>
          <view class="image-text_1 flex-row justify-between">
            <text class="text-group_1">请选择节点</text>
            <div class="icon_2 flex-col"></div>
          </view>
        </view>
      </view>
      <view class="box_3 flex-col">
        <view class="box_4 flex-col"></view>
        <view class="text-wrapper_1 flex-row justify-between">
          <text class="text_6">更新时间</text>
          <text class="text_7">2023-10-12</text>
        </view>
      </view>
    </view>
    <button class="button_1 flex-col" @click="onClick_1">
      <text class="text_8">提交</text>
    </button>
    <view class="block_3 flex-col">
      <view class="group_6 flex-col"></view>
      <text class="text_9">更新内容</text>
      <view class="group_7 flex-col">
        <view class="text-wrapper_2 flex-row">
          <text class="text_10">请在此输入内容</text>
        </view>
        <view class="text-wrapper_3 flex-row">
          <text class="text_11">0/500</text>
        </view>
      </view>
      <view class="group_8 flex-row">
        <view class="image-text_2 flex-col justify-between">
          <image class="label_1" referrerpolicy="no-referrer"
            src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG20c1f137f32e73db45f991e93183fd4e.png" />
          <text class="text-group_2">
            图片上传
            <br />
            （0/6）
          </text>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { } from 'vue'

const onClick_1 = () => { }
</script>
<style scoped lang="scss">
.update_diary {
  background-color: rgba(245, 245, 245, 1);
  position: relative;
  width: 750rpx;
  height: 1580rpx;
  overflow: hidden;

  .block_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 750rpx;
    height: 176rpx;

    .group_1 {
      width: 682rpx;
      height: 36rpx;
      margin: 30rpx 0 0 42rpx;

      .text_1 {
        width: 108rpx;
        height: 36rpx;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 1);
        font-size: 30rpx;
        letter-spacing: -0.30000001192092896px;
        font-family: AlibabaPuHuiTi-Regular;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        line-height: 36rpx;
      }

      .thumbnail_1 {
        width: 34rpx;
        height: 22rpx;
        margin: 6rpx 0 0 438rpx;
      }

      .thumbnail_2 {
        width: 32rpx;
        height: 22rpx;
        margin: 6rpx 0 0 10rpx;
      }

      .image_1 {
        width: 50rpx;
        height: 24rpx;
        margin: 6rpx 0 0 10rpx;
      }
    }

    .group_2 {
      height: 102rpx;
      width: 750rpx;
      margin: 10rpx 0 2rpx 0;

      .box_1 {
        width: 750rpx;
        height: 102rpx;

        .nav-bar_1 {
          width: 750rpx;
          height: 102rpx;

          .icon_1 {
            width: 18rpx;
            height: 34rpx;
            margin: 40rpx 0 0 36rpx;
          }

          .text_2 {
            width: 134rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.9);
            font-size: 34rpx;
            font-family: AlibabaPuHuiTi-Regular;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 32rpx 0 0 256rpx;
          }
        }

        .section_1 {
          background-color: rgba(0, 0, 0, 0.1);
          width: 750rpx;
          height: 2rpx;
          margin: 100rpx 0 0 -750rpx;
        }
      }
    }
  }

  .block_2 {
    width: 750rpx;
    height: 302rpx;

    .input_1 {
      background-color: rgba(255, 255, 255, 1);
      width: 750rpx;
      height: 100rpx;

      .text_3 {
        width: 60rpx;
        height: 42rpx;
        overflow-wrap: break-word;
        color: rgba(0, 0, 0, 1);
        font-size: 30rpx;
        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        line-height: 42rpx;
        margin: 30rpx 0 0 30rpx;
      }

      .text_4 {
        width: 138rpx;
        height: 42rpx;
        overflow-wrap: break-word;
        color: rgba(193, 193, 193, 1);
        font-size: 28rpx;
        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
        font-weight: normal;
        text-align: right;
        white-space: nowrap;
        line-height: 42rpx;
        margin: 30rpx 40rpx 0 482rpx;
      }
    }

    .box_2 {
      background-color: rgba(255, 255, 255, 1);
      width: 750rpx;
      height: 100rpx;

      .group_4 {
        background-color: rgba(244, 244, 244, 1);
        width: 690rpx;
        height: 2rpx;
        margin-left: 20rpx;
      }

      .group_5 {
        width: 690rpx;
        height: 42rpx;
        margin: 28rpx 0 28rpx 30rpx;

        .text_5 {
          width: 60rpx;
          height: 42rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 30rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 42rpx;
        }

        .image-text_1 {
          width: 164rpx;
          height: 42rpx;

          .text-group_1 {
            width: 138rpx;
            height: 42rpx;
            overflow-wrap: break-word;
            color: rgba(193, 193, 193, 1);
            font-size: 28rpx;
            font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
            font-weight: normal;
            text-align: right;
            white-space: nowrap;
            line-height: 42rpx;
          }

          .icon_2 {
            width: 16rpx;
            height: 30rpx;
            margin-top: 6rpx;
          }
        }
      }
    }

    .box_3 {
      background-color: rgba(255, 255, 255, 1);
      width: 750rpx;
      height: 100rpx;
      margin-bottom: 2rpx;

      .box_4 {
        background-color: rgba(244, 244, 244, 1);
        width: 690rpx;
        height: 2rpx;
        margin-left: 30rpx;
      }

      .text-wrapper_1 {
        width: 690rpx;
        height: 42rpx;
        margin: 28rpx 0 28rpx 30rpx;

        .text_6 {
          width: 118rpx;
          height: 42rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 30rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 42rpx;
        }

        .text_7 {
          width: 156rpx;
          height: 42rpx;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 28rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: right;
          white-space: nowrap;
          line-height: 42rpx;
        }
      }
    }
  }

  .button_1 {
    background-color: rgba(0, 0, 0, 1);
    height: 88rpx;
    width: 690rpx;
    margin: 756rpx 0 0 30rpx;

    .text_8 {
      width: 66rpx;
      height: 30rpx;
      overflow-wrap: break-word;
      color: rgba(255, 255, 255, 1);
      font-size: 32rpx;
      letter-spacing: 7px;
      font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
      font-weight: normal;
      text-align: center;
      white-space: nowrap;
      line-height: 30rpx;
      margin: 30rpx 0 0 312rpx;
    }
  }

  .image_2 {
    width: 750rpx;
    height: 42rpx;
    margin-top: 216rpx;
  }

  .block_3 {
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    top: 476rpx;
    width: 750rpx;
    height: 678rpx;

    .group_6 {
      background-color: rgba(244, 244, 244, 1);
      width: 690rpx;
      height: 2rpx;
      margin-left: 30rpx;
    }

    .text_9 {
      width: 118rpx;
      height: 42rpx;
      overflow-wrap: break-word;
      color: rgba(0, 0, 0, 1);
      font-size: 30rpx;
      font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
      font-weight: normal;
      text-align: left;
      white-space: nowrap;
      line-height: 42rpx;
      margin: 28rpx 0 0 30rpx;
    }

    .group_7 {
      background-color: rgba(245, 245, 245, 1);
      border-radius: 2px;
      height: 330rpx;
      width: 690rpx;
      margin: 20rpx 0 0 30rpx;

      .text-wrapper_2 {
        width: 192rpx;
        height: 30rpx;
        margin: 30rpx 0 0 30rpx;

        .text_10 {
          width: 192rpx;
          height: 30rpx;
          overflow-wrap: break-word;
          color: rgba(193, 193, 193, 1);
          font-size: 28rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 30rpx;
        }
      }

      .text-wrapper_3 {
        width: 68rpx;
        height: 34rpx;
        margin: 218rpx 0 18rpx 600rpx;

        .text_11 {
          width: 68rpx;
          height: 34rpx;
          overflow-wrap: break-word;
          color: rgba(153, 153, 153, 1);
          font-size: 24rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: left;
          white-space: nowrap;
          line-height: 34rpx;
        }
      }
    }

    .group_8 {
      background-color: rgba(245, 245, 245, 1);
      border-radius: 2px;
      width: 176rpx;
      height: 176rpx;
      margin: 20rpx 0 60rpx 30rpx;

      .image-text_2 {
        width: 102rpx;
        height: 128rpx;
        margin: 28rpx 0 0 38rpx;

        .label_1 {
          width: 48rpx;
          height: 48rpx;
          margin-left: 26rpx;
        }

        .text-group_2 {
          width: 102rpx;
          height: 60rpx;
          overflow-wrap: break-word;
          color: rgba(193, 193, 193, 1);
          font-size: 26rpx;
          font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
          font-weight: normal;
          text-align: center;
          line-height: 30rpx;
          margin-top: 20rpx;
        }
      }
    }
  }
}
</style>